<template>

    <section>
        <ul class='ul_11'>
            <li>
                <span>负责人: <el-tag :key="item._id"  v-for="item in currObj.managers" type="success">{{item.name}}</el-tag></span>
            </li>
            <li>
                <span>参与人: <el-tag :key="item._id" v-for="item in currObj.members" type="success">{{item.name}}</el-tag></span>
            </li>
            <li>
                <span v-if="(currObj.statusId>=100)">派发时间: {{getDate(currObj.createTime)}}</span> <span v-if="(currObj.statusId>=200)">预期结束: {{getDate(currObj.expEndTime)}}</span>                <span v-if="(currObj.statusId>=300)">完成时间: {{getDate(currObj.endTime)}}</span>
            </li>
        </ul>
        <div v-if="currObj.taskClassId=='root'">

            <tRootShow :currObj="currObj"></tRootShow>
        </div>
        <div v-if="currObj.taskClassId=='default'">

            <tDefaultShow :currObj="currObj"></tDefaultShow>
        </div>

        <div v-if="currObj.taskClassId=='100'">

            <t100Show :currObj="currObj"></t100Show>
        </div>
        <div v-if="currObj.taskClassId=='200'">

            <t200Show :currObj="currObj"></t200Show>
        </div>

        <div v-if="currObj.taskClassId=='300'">

            <t300Show :currObj="currObj" :customerOrder="customerOrder"></t300Show>
        </div>
        <div v-if="currObj.taskClassId=='400' ">

            <t400Show :currObj="currObj"></t400Show>
        </div>
        <div v-if="currObj.taskClassId=='500'">
            <t500Show :currObj="currObj"></t500Show>
        </div>
        <div v-if="currObj.taskClassId=='600'">

            <t600Show :currObj="currObj"></t600Show>
        </div>
        <div v-if="currObj.taskClassId=='700'">

            <t700Show :currObj="currObj"></t700Show>
        </div>
        <div v-if="currObj.taskClassId=='800'">

            <t800Show :currObj="currObj"></t800Show>
        </div>
        <div v-if="currObj.taskClassId=='900'">

            <t900Show :currObj="currObj"></t900Show>
        </div>
    </section>

</template>
<script src='./taskInfoShow.js'></script>
<style>
    table.t_taskShow {
        border-collapse: collapse;
        width: 100%;
        border: 1px solid #cad9ea;
    }

    table.t_taskShow thead {
        border: 1px solid #cad9ea;
        background-color: #eee;
    }

    table.t_taskShow th {
        text-align: center;
        border: 1px solid #cad9ea;
        line-height: 20px;
        padding-left: 10px;
        padding-right: 10px;
    }

    table.t_taskShow td {
        text-align: center;
        border: 1px solid #cad9ea;
        line-height: 20px;
        padding-left: 10px;
        padding-right: 10px;
    }

    table.t_taskShow tr:hover {

        background-color: #eee;
    }

    .ul_11 li {
        line-height: 35px;
    }

    .ul_11 li span {
        margin-right: 10px;
    }
</style>